<!--  -->
<template>
  <div class="">
    <a-drawer :visible="modalVisible" width="90%" @close="handleClose">
      <a-divider orientation="left">申请记录详情</a-divider>
<!--      <f-search-form>-->
<!--        <f-search-form-item label="项目代码" name="projectCode" />-->
<!--        <f-search-form-item label="项目名称" name="projectName" />-->
<!--        <f-search-form-item label="专业包代码" name="majorCode" />-->
<!--        <f-search-form-item label="专业包名称" name="majorName" slot="advanced" />-->
<!--        <f-search-form-item label="工程包代码" name="packageNo" slot="advanced" />-->
<!--        <f-search-form-item label="工程包名称" name="packageName" slot="advanced" />-->
<!--        <f-search-form-item label="申请人" name="userName" slot="advanced" />-->
<!--        <f-search-form-item label="申请时间" name="applyTime" type="date" slot="advanced" />-->
<!--        <f-search-form-item label="申请状态" name="state" slot="advanced" />-->
<!--      </f-search-form>-->
      <f-table  ref="table"   style="margin-top: 30px"   size="default"  rowKey="purchaseId" :scroll="{ x: 1600 }"  :multiple="false" :columns="columns" :params="queryParam" :api="api.purchasesdetail" >
      </f-table>
    </a-drawer>
  </div>
</template>
<script>
  //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
  //例如：import 《组件名称》 from '《组件路径》';
  // import AppDetail from './applicationdetail'
  import api from '../../material/app/js/api'

  export default {
    name: 'Apprecode',
    components: {
    },
    props: {},
    //import引入的组件需要注入到对象中才能使用
    data() {
      //这里存放数据
      const me = this
      return {
        api: Object.assign(api, this.api),
        //列表初始化查询参数
        queryParam: {},
        projectId: '',
        purchaseId: '',
        modalVisible: false,
        columns: [{
          title: '编号',
          align: 'center',
          width: 190,
          dataIndex: 'materialPlanId'
          },
          {
            title: '物料代码',
            align: 'center',
            width: 190,
            dataIndex: 'materialCode'
          },
          {
            title: 'WBS代码',
            align: 'center',
            width: 190,
            dataIndex: 'materialWbsCode'

          },

          {
            title: '设备、材料名称',
            align: 'center',
            width: 190,
            dataIndex: 'materialName'

          },
          // {
          //   title: '型号/规格',
          //   align: 'center',
          //   width: 190,
          //   dataIndex: 'materiaSpecs'

          // },
          {
            title: '项目名称',
            align: 'center',
            width: 190,
            dataIndex: 'materiaSpecs'

          },
          {
            title: '技术参数或技术说明',
            align: 'center',
            width: 190,
            dataIndex: 'technicalData'

          },
          {
            title: '计量单位',
            align: 'center',
            width: 190,
            dataIndex: 'measurementUnit'

          },
          {
            title: '换算单位',
            align: 'center',
            width: 190,
            dataIndex: 'conversionUnit'

          },
          // {
          //   title: '100工程量计量单位合计',
          //   align: 'center',
          //   width: 190,
          //   dataIndex: 'unitBillQuantity100'
          //
          // },
          // {
          //   title: '100工程量换算单位合计',
          //   align: 'center',
          //   width: 190,
          //   dataIndex: 'convertBillQuantity100'
          //
          // },
          // {
          //   title: '200工程量计量单位合计',
          //   align: 'center',
          //   width: 190,
          //   dataIndex: 'unitBillQuantity200'
          //
          // },
          // {
          //   title: '200工程量换算单位合计',
          //   align: 'center',
          //   width: 190,
          //   dataIndex: 'convertBillQuantity200'
          //
          // },
          {
            title: '100采购计划量',
            align: 'center',
            width: 190,
            dataIndex: 'costQuantity100'

          },
          {
            title: '200采购计划量',
            align: 'center',
            width: 190,
            dataIndex: 'costQuantity200'

          },
          {
            title: '损耗率',
            align: 'center',
            width: 190,
            dataIndex: 'loss'

          },
          {
            title: '采购计划量计量单位合计',
            align: 'center',
            width: 190,
            dataIndex: 'planPurchaseCount'

          },
          {
            title: '采购计划量换算单位合计',
            align: 'center',
            width: 190,
            dataIndex: 'convertPurchaseCount'

          },

          {
            title: '在途',
            align: 'center',
            width: 190,
            dataIndex: 'ztPurchaseCount'

          },
          {
            title: '到货',
            align: 'center',
            width: 190,
            dataIndex: 'dhPurchaseCount'

          },
          {
            title: '本次采购量',
            align: 'center',
            width: 190,
            dataIndex: 'purchaseCount'

          },
          {
            title: '计划到货时间',
            align: 'center',
            width: 190,
            dataIndex: 'receivedDate'

          },
          {
            title: '单据类型',
            align: 'center',
            width: 190,
            dataIndex: 'caseType'

          },
          {
            title: '班组',
            align: 'center',
            width: 190,
            dataIndex: 'vendorName'

          },
          {
            title: '剩余采购量',
            align: 'center',
            width: 190,
            dataIndex: 'endPurchaseCount'

          },
          {
            title: '备注',
            align: 'center',
            width: 190,
            dataIndex: 'remark'

          }
        ]
      }
    },
    //方法集合
    methods: {
      handleShow(data) {
        // this.isEdit = false
        this.userName = ''
        this.queryParam.projectId = data.projectId
        this.queryParam.userId = data.userId
        this.queryParam.purchaseId = data.purchaseId
        this.modalVisible = true
        this.$refs.table.refresh()
      },
      handleClose() {
        this.modalVisible = false
      },
      //撤销
      roolback(data) {

      }
    },
    created() {
    }
  }
</script>

<style lang="scss" scoped>
</style>
